<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>
<script>
// 英文：
  // entry -> 入场、入口、进入

// ES6 又叫 ES2015；
  // 后续每一年 ES 都会推出一些 新功能，ES2022、ES2023...

// ES6 关于对象，提出的新内容：

// 1. 对象声明的简写
const age = 33;
const obj = { age };  // { age: 33 }
// 若 ES5 要实现上面的形式：const obj = { age: age }

// 2. 对象 key 的表达式
  // const o1 = { [表达式]: value值 }

// 3. 对象的遍历
  // ES5：for ... in
    // 注：后续 遍历对象，不建议使用 for ... in
obj.name = 'xxx';
obj.xx = 'xxx';

// Object.keys(obj); // 输出值是：以数组的形式 输出对象的每个 keyName
// Object.values(obj); // 输出值是：以数组的形式 输出对象的每个 value
// Object.entries(obj) // 输出值是：[[key1, value1], [key2, value2], ...]

// 案例：遍历对象 obj
/* 1. for ... of  +  Object.entries(obj)
  1 )
  for (const item of Object.entries(obj)) {
    console.log(item);
    const key = item[0];
    const value = item[1];
  }

  2 )
  for (const [key, value] of Object.entries(obj)) {
    console.log(key, value);
  }
*/


/* 2 -  Object.entries(obj).forEach
  1 ）
  Object.entries(obj).forEach(item => {
    const key = item[0];
    const value = item[1];
    console.log(item, key, value);
  });

  2 ）
  Object.entries(obj).forEach(([key, value]) => {
    console.log(key, value);
  });
*/



</script>